<div class="f-nav-detail">
	<detail-nav></detail-nav>
</div>
<div class="zpdetail">
	<div class="zpdLeft">
		<!--职位名称-->
		<div class="zpName">
			<dl>
				<dt>
					<h1 ng-bind="job.jobName"></h1>
					<span ng-bind="job.company.fullName"></span>
					<span >
						<b ng-bind="job.provinceObject.provinceName"></b>
						-<b ng-bind="job.regionObject.regionName"></b>-
						<b ng-bind="job.areaObject.areaName"></b>
					</span>
					
				</dt>
				<dd>
					<p>
						￥<span ng-bind="job.sr.srName"></span>
					</p>
				</dd>
			</dl>
		</div>
		<!--职位要求-->
		<div class="zpNeed">
			<ul>
				<li ng-show="job.epDc.dictName">工作经验：<span ng-bind="job.epDc.dictName"></span></li>
				<li ng-show="job.eduDc.dictName">学历要求：<span ng-bind="job.eduDc.dictName"></span></li>
				<li ng-show="job.natureDc.dictName">工作性质：<span ng-bind="job.natureDc.dictName"></span></li>
				<li>招聘人数：
					<span ng-show="job.jobNumber==0">若干</span>
					<span ng-show="job.jobNumber!=0" ng-bind="job.jobNumber"></span>
				</li>
				<li ng-show="job.startTime">发布时间：<span ng-bind="job.startTime|dateFilter"></span></li>
				<li><span ng-bind="job.jlList[0].laug.name"></span>：<span ng-bind="job.jlList[0].lgrade.name">熟练</span></li>
				<li><span ng-bind="job.jlList[1].laug.name"></span>：<span ng-bind="job.jlList[1].lgrade.name">熟练</span></li>
				<li ng-show="job.jpList[0].profe.pdcName">专业1：<span ng-bind="job.jpList[0].profe.pdcName">工程造价</span></li>
				<li ng-show="job.jpList[1].profe.pdcName">专业2：<span ng-bind="job.jpList[1].profe.pdcName">室内设计</span></li>
			</ul>
			<p><span ng-repeat="item in jobWelfare track by $index" ng-bind="item"></span></p>
		</div>
		<!--职位描述-->
		<div class="zpDes">
			<h2>职位描述</h2>
			<div ng-bind="job.jobRequire"></div>
		</div>

		<!--其他职位-->
		<div class="jobOther">
			<h2>该公司的其他职位</h2>
			<ul>
				<li ng-click="saveJob(item)" ng-repeat="item in otherJob track by $index"><a href="javascript:;" ng-bind="item.jobName"></a><span ng-bind="item.sr.srName"></span><em>{{item.company.provinceObject.provinceName}}-{{item.company.regionObject.regionName}}</em></li>
			</ul>
		</div>
	</div>
	<!--招聘右边部分-->
	<div class="zpdright">
		<!--招聘公司-->
		<div class="zpcompany">
			<dl>
				<dt><img src="them/imag/noSrc.png" ng-click="myhome()" ng-src="{{ job.company.logo }}" alt="" /></dt>
				<dd><h3 ng-bind="job.company.fullName" ng-click="myhome()"></h3><a href="javascript:;" style="margin-left: 0;" ng-bind="job.company.provinceObject.provinceName"></a>|<a href="javascript:;" ng-bind="job.company.regionObject.regionName"></a>|<a href="jvascript:;" ng-bind="job.company.areaObject.areaName"></a></dd>
			</dl>
			<div class="companyAddress">
				<p>工作地址：</p>
				<p>{{jonDetail.jobPlace}}</p>
			</div>
			<div class="comapanyMap">
				<img src="them/imag/noSrc.png" ng-src="them/imag/companymap.jpg" alt="" />
			</div>
		</div>
		<div class="similarJob">
			<h1><span></span>相似职位</h1>
			<ul>
				<li  ng-repeat="similar in similarJob">
					<dl>
						<dt ng-show="job.companyId==similar.companyId"><img ng-click="myhome(similar)"  src="them/imag/noSrc.png" ng-src="{{similar.company.logo}}" alt="" /></dt>
						<dt  ng-show="job.companyId!=similar.companyId"><img ng-click="companyout(similar)" src="them/imag/noSrc.png" ng-src="{{similar.company.logo}}" alt="" /></dt>
						<dd>
							<h3 ng-click="saveJob(similar)" ng-bind="similar.jobName"></h3>
							<p ng-bind="similar.sr.srName"></p>
							<span>{{similar.company.fullName}}-{{similar.company.provinceObject.provinceName}}-{{similar.company.regionObject.regionName}}</span>
						</dd>
					</dl>
				</li>
				
			</ul>
		</div>
	</div>
</div>
<div ng-include="'app/business/common/footer.html'"></div>
<style>
	.zpdetail{
		overflow: hidden;
		width: 1200px;
		margin: 20px auto 0;
	}
	.zpdLeft{
		float: left;
		width: 870px;
	}
	.zpName{
		padding: 20px;
		border: 1px solid #ddd;
		background: #f9f9f9;
	}
	.zpName dl{
		overflow: hidden;
	}
	.zpName dt{
		float: left;
	}
	.zpName dt h1{
		font-size: 24px;
		margin-bottom: 14px;
	}
	.zpName dt span{
		margin-right: 28px;
		color: #bbb;
	}
	.zpName dd{
		float: right;
	}
	.zpName dd p{
		color: #fe0101;
		font-weight:bold;
		margin-bottom: 20px;
		font-size: 18px;
		text-align: right;
		height: 18px;
	}
	.zpName dd a{
		float: left;
		margin-left: 38px;
		padding-bottom: 2px;
		line-height: 16px;
	}
	.zpName dd img{
		float: left;
		margin-right: 5px;
	}
	
	.zpNeed{
		margin: 10px 0;
		padding: 6px 10px 0 20px;
		border: 1px solid #ddd;
	}
	.zpNeed ul{
		width: 100%;
		overflow: hidden;
	}
	.zpNeed li{
		float: left;
		width: 155px;
		margin: 10px 0 10px 0;
		color: #a8a8a8;
	}
	.zpNeed li span{
		color: #333;
	}
	.zpNeed p{
		overflow: hidden;
		margin: 20px 0;
	}
	.zpNeed p span{
		float: left;
		width: 76px;
		height: 24px;
		line-height: 24px;
		text-align: center;
		margin-right: 10px;
		background: #edfafe;
		border: 1px solid #e1f3fa;
		color: #2ea5fc;
	}
	.zpDes{
		padding: 20px;
		border: 1px solid #ddd;
		color: #333;
		margin-bottom: 10px;
	}
	.zpDes h2{
		font-size: 16px;
	}
	.desNeed h3{
		font-weight: 100;
	}
	.desNeed p{
		margin-top: 22px;
	}
	.deszg h3{
		font-weight: 100;
	}
	.deszg p{
		margin-top: 22px;
	}

	.toudiInfo img{
		float: left;
		margin: 7px 3px 0 0;
	}

	
	.jobOther{
		padding: 20px;
		border: 1px solid #ddd;
		margin-bottom: 10px;
	}
	.jobOther h2{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.jobOther li{
		float: left;
		width: 370px;
		padding-left: 16px;
		background: url(them/imag/zpicon.jpg) no-repeat left center;
		margin: 10px 27px 10px 0;
	}
	.jobOther ul{
		overflow: hidden;
	}
	.jobOther li a{
		color: #333;
		margin-right: 30px;
		font-size: 14px;
	}
	.jobOther li span{
		color: #ff1a18;
		margin-right: 26px;
		font-size: 14px;
	}
	.jobOther li em{
		font-style: normal;
		color: #999;
	}
	.jobOther li{
		cursor: pointer;
	}
	.jobOther li:hover a{
		text-decoration: underline;
	}

	.zpcomment h2{
		font-size: 16px;
		margin-bottom: 20px;
	}

    .commentTop dt{
    	float: left;
    }
    .commentTop dd{
    	float: right;
    }
    .commentTop dd textarea{
    	padding: 10px;
    	width: 783px;
    	height: 90px;
    	line-height: 22px;
    	border: 1px solid #ddd;
    	background: #fff;
    	color: #999;
    	outline: none;
    	resize: none;
    	box-shadow: 2px 2px 3px #ddd;
    }

    .facefabiao a{
    	float: left;
    }
    .facefabiao button{
    	float: right;
    	width: 58px;
    	height: 30px;
    	line-height: 30px;
    	text-align: center;
    	background: #2fa4fe;
    	color: #fff;
    	border: 0;
    }

    .commentBottom li{
    	padding: 18px 0;
    	border-top: 1px solid #ddd;
    	overflow: hidden;
    }
    .commentBottom li dt{
    	float: left;
    	margin-right: 18px;
    }

    .commentCon a{
    	color: #30a1ff;
    }
    .commentCon p{
    	margin: 16px 0;
    	color: #666;
    }
    .commentCon span{
    	color: #b0b0b0;
    }

    .commentOther p{
    	overflow: hidden;
    	margin-bottom: 59px;
    }
    .commentOther p img{
    	float: right;
    }

    .otherInfo a{
    	float: left;
    	color: #b1b1b1;
    	margin-left: 26px;
    }
    .otherInfo a:hover{
    	color: #5cb1ff;
    }
	.zpdright{
		float: right;
		width: 310px;
	}
	.zpcompany{
		padding: 16px 18px 20px 20px;
		border: 1px solid #ddd;
	}
	.zpcompany dl{
		overflow: hidden;
	}
	.zpcompany dt{
		float: left;
		width: 70px;
		height: 70px;
		margin-right: 10px;
		border-radius: 50%;
	}
	.zpcompany dt img{
		width: 70px;
		height: 70px;
		border-radius: 50%;
		cursor: pointer;
	}
	
	.zpcompany dd h3{
		cursor: pointer;
		margin: 14px 0 15px 0;
		color: #333;
	}
	.zpcompany dd{
		color: #999;
	}
	.zpcompany dd a{
		margin: 0 9px;
		color: #999;
	}
	.companyAddress{
		margin: 15px 0 5px 0;
		color: #333;
	}
	.companyAddress p{
		margin: 5px 0;
	}
	.similarJob{
		margin-bottom:30px;
	}
	.similarJob h1{
		height: 52px;
		line-height: 52px;
		font-size: 15px;
		padding-left: 14px;
		background: url(them/imag/righth1.jpg) no-repeat center bottom;
	}
	.similarJob h1 span{
		float: left;
		width: 14px;
		height: 14px;
		background: url(them/imag/right1h.jpg) no-repeat;
		margin: 20px 16px 0 0;
	}
	.similarJob h1 a{
		float: right;
		margin-right: 16px;
		color: #999;
		font-size: 12px;
		font-weight: normal;
	}
	.similarJob ul{
		padding: 0 20px;
	}
	.similarJob li{
		margin-top: 20px;
		overflow: hidden;
		cursor: pointer;
	}
	.similarJob dt{
		float: left;
		width: 58px;
		height: 58px;
		overflow: hidden;
		border: 1px solid #ddd;
	}
	.similarJob dt img{
		width: 58px;
		height: 58px;
	}
	.similarJob dd{
		float: right;
	}
	.similarJob dd h3{
		font-size: 16px;
		margin-bottom: 2px;
	}
	.similarJob dd p{
		color: #ff1111;
		margin-bottom: 2px;
		font-size: 12px;
	}
	.similarJob dd span{
		color: #999;
		font-size: 12px;
		width: 188px;
		display: block;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
</style>

